<template>
	<view>
		 <h-product-header  :categoryName="section.categoryName.text"></h-product-header>
		 <view class="smallCardList">
		 	<view class="product"  v-for="item in section.smallCardList">
		 		<h-product-item				
		 		 :product="item"
		 		 ></h-product-item>
		 	</view>		 	
		 </view>
	</view>
</template>

<script setup>
	import {defineProps} from 'vue';
	
	const {section} = defineProps({
		section:{type:Object,default(){return {}}}
	})
	 
</script>

<style scoped lang="scss">
.smallCardList{
	padding: 20rpx;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.product{
		width: 345rpx;
		margin-bottom: 30rpx;
	}
}
</style>